
<!-- 修改模态框（Modal） -->
<div class="modal fade" id="petInfoModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">查看/修改</h4>
			</div>
			<div class="modal-body">

				<ul id="myTab" class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab">
							查看/修改 </a></li>
					<li><a href="#ios" data-toggle="tab">修改图片</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">


					<div class="tab-pane fade in active" id="home">



						<!-- ======================================================================== -->

						<form class="form-horizontal" role="form" id="pet-info-form">
							<div class="form-group">
								<label for="firstname" class="col-sm-2 control-label">编号</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-id"
										disabled="disabled" value="123" id="firstname">
								</div>
							</div>
							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">名称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-name"
										id="name" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">昵称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="nickname"
										name="pet-nickname" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">性别</label>
								<div class="col-sm-10">
									<input type="radio" name="sex" value="雄">雄 <input
										type="radio" name="sex" value="雌">雌
								</div>
							</div>
							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">种类</label>
								<div class="col-sm-10">
									<select class="big-category" name="big-category">狗
									</select> <select class="small-category" name="small-category">藏獒
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">年龄</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-age"
										id="pet-age" value="">
								</div>
							</div>
							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">体型</label>
								<div class="col-sm-10">
									<!-- 根据 -->
									<select class="shape" name="shape">
										<option value="大型">大型</option>
										<option value="中型">中型</option>
										<option value="小型">小型</option>
									</select>
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">体重(kg)</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-weight"
										id="pet-weight" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">颜色</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-color"
										id="pet-color" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">进价</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="pet-costprice"
										name="pet-costprice" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">数量</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-count"
										id="pet-count" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">产地</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" name="pet-address"
										id="pet-address" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">售价</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="pet-price"
										name="pet-price" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">特价</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="pet-specialprice"
										name="pet-specialprice" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">上架时间</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="pet-date"
										name="pet=date" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">是否特价</label>
								<div class="col-sm-10">
									<input type="radio" name="pet-mark" value="1">是 <input
										type="radio" name="pet-mark" value="0">否
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">是否上架</label>
								<div class="col-sm-10">
									<input type="radio" name="pet-state" value="1">是 <input
										type="radio" name="pet-state" value="0">否
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-10">
									<input type="button" class="btn btn-lg btn-primary"
										id="info-btn" value="确定">
								</div>
							</div>

							<!-- form end -->
						</form>

						<!-- ======================================================================= -->
					</div>

					<div class="tab-pane fade" id="ios">
						<h3>图片(3张必填)</h3>

						<form>
							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">图1</label>
								<div class="col-sm-10">

									<input type="file" name="image01" class="form-control"
										id="image01" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">图2</label>
								<div class="col-sm-10">

									<input type="file" name="image02" class="form-control"
										id="image02" value="">
								</div>
							</div>

							<div class="form-group">
								<label for="lastname" class="col-sm-2 control-label">图3</label>
								<div class="col-sm-10">

									<input type="file" name="image03" class="form-control"
										id="image03" value="">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-2">
									<input type="button" class="btn btn-lg btn-primary"
										id="img-btn" value="确定">
								</div>
							</div>

						</form>
					</div>
				</div>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-lg" data-dismiss="modal">关闭
				</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
</div>

<!-- ========================================================================================================= -->

<!-- 添加模态框（Modal） -->
<div class="modal fade" id="petAddModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">添加</h4>
			</div>
			<div class="modal-body">

				<!-- ===================================================================== -->

				<form class="form-horizontal" role="form" id="pet-add-form">
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">姓名</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-name"
								name="pet-name" value="">
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">昵称</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-nickname"
								name="pet-nickname" value="">
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">性别</label>
						<div class="col-sm-10">
							<input type="radio" name="pet-sex" value="雄">雄 <input
								type="radio" name="pet-sex" value="雌">雌
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">种类</label>
						<div class="col-sm-10">
							<select class="big-category" name="big-category"></select> <select
								class="small-category" name="samll-category"></select>
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">年龄</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-age"
								name="pet-age" value="">
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">体型</label>
						<div class="col-sm-10">
							<!-- 根据 -->
							<select class="shape" name="pet-shape">
								<option value="大型">大型</option>
								<option value="中型">中型</option>
								<option value="小型">小型</option>
							</select>
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">体重(kg)</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" name="pet-weight"
								id="pet-weight" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">颜色</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-color"
								name="pet-color" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">进价</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-costprice"
								name="pet-costprice" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">数量</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-count"
								name="pet-count" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">产地</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-address"
								name="pet-address" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">售价</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-price"
								name="pet-price" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">特价</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-specialprice"
								name="pet-specialprice" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">上架时间</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="pet-date"
								name="pet-date" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">是否特价</label>
						<div class="col-sm-10">
							<input type="radio" name="pet-mark" value="1">是 <input
								type="radio" name="pet-mark" value="0">否
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">是否上架</label>
						<div class="col-sm-10">
							<input type="radio" name="pet-state" value="1">是 <input
								type="radio" name="pet-state" value="0">否
						</div>
					</div>


					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">图1</label>
						<div class="col-sm-10">

							<input type="file" name="pet-image01" class="form-control"
								id="pet-image01" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">图2</label>
						<div class="col-sm-10">

							<input type="file" name="pet-image02" class="form-control"
								id="pet-image02" value="">
						</div>
					</div>

					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">图3</label>
						<div class="col-sm-10">
							<input type="file" name="pet-image03" class="form-control"
								id="pet-image03" value="">
						</div>
					</div>


					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">图3</label>
						<div class="col-sm-10">
							<input type="file" name="pet-image03" class="form-control"
								id="pet-image03" value="">
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-10">
							<input type="button" class="btn btn-lg btn-primary" id="add-btn"
								value="确定">
						</div>
					</div>

					<!-- form end -->
				</form>


				<!-- ===================================================================== -->

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
</div>

